*{
    margin: 0;
    padding: 0;
}
body{
	background: url(../img/background.png);
    
}
.hader{
height: 120px;
width: 80%;
margin-left:auto;
margin-right: auto;
background-color:#ADADAD ; 
background:url(../img/bgimg.jpg);
background-size:100% ;
}
.header-right{
	float: right;
	margin-top: 110px;
	margin-right: 20px;
	font-size:17px;
}
.main{
	height: 610px;
	width: 80%;
	margin-top:10px ;
	margin-left:auto;
    margin-right: auto;
  
	
	
}
.main-left{
	height: 590px;
	width: 30%;
	margin-top:10px ;
    float: left;
    margin-left: 10px;
	background-color: #B2DBA1;
	

}
.main-left-top{
	height: 31.3%;
	width: 50%;
	margin-top: 80px;
	margin-left:auto;
	margin-right: auto;
	background:url(../img/head.png);
	background-size:100%;
	
}
.main-left-foot{
	margin-top: 30px;
	height: 200px;
	width: 80%;
	margin-left:auto;
	margin-right: auto;
	background-color: red;
}
.main-left-foot .name{
	
	margin-left: 110px;
	font-size: 20px;
}
.main-right{
	height: 590px;
	width: 68%;
	margin-top:10px ;
	margin-left: 10px;
	margin-left:auto;
    margin-right: auto;
    float: right;
    margin-right: 10px;
	background: url(../img/27770283_134505491084_2.jpg);
	background-size: 105%;
}
.input-wrapper{
    width: 200px;
    margin-top: 100px;
    border-radius: 3px;
    border: none;
    font-size: 20px;
    padding: 5px;
}
.a1{
	width: 290px;
	height: 30px;
	margin-top: 20px;
	margin-left: 309px;

}
#ID{
	float: right;
	width: 250px;
	height: 25px;
	border-radius: 5px;
	border:double;
	

}
.a2{
	width: 330px;
	height: 30px;
	margin-top: 20px;
	margin-left:0px;
	margin-left: 270px;

}
#username{
	float: right;
	width: 250px;
	height: 25px;
	border-radius: 5px;
	border:double;
}
.a3{
	width: 310px;
	height: 30px;
	margin-top: 20px;
	margin-left: 290px;

}
#name{
	float: right;
	width: 250px;
	height: 25px;
	border-radius: 5px;
	border:double;
}
.a4{
	width: 310px;
	height: 30px;
	margin-top: 20px;
	margin-left: 290px;

}
#sex{
	float: right;
	width: 250px;
	height: 25px;
	border-radius: 5px;
	border:double;
}
.a5{
	width: 310px;
	height: 30px;
	margin-top: 20px;
	margin-left: 290px;

}
#age{
	float: right;
	width: 250px;
	height: 25px;
	border-radius: 5px;
	border:double;
}
.a6{
	width: 310px;
	height: 30px;
	margin-top: 20px;
	margin-left: 290px;

}
#email{
	float: right;
	width: 250px;
	height: 25px;
	border-radius: 5px;
	border:double;
}
.a7{
	width: 310px;
	height: 30px;
	margin-top: 20px;
	margin-left: 290px;

}
#phone{
	float: right;
	width: 250px;
	height: 25px;
	border-radius: 5px;
	border:double;

}
